<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>AJAX</title>
<style type="text/css">
.h {
	height: 300px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #000;
}
</style>


<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// код для IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// код для IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
var a =  document.getElementById("A").value;
//var b =  document.getElementById("B").value;
xmlhttp.open("GET","server.php?a="+a ,true);
xmlhttp.send();
}



</script>

</head>

<body>
<div class="h">

    <p>
      <label for="textfield">A:</label>
      <input type="text" name="textfield" id="A">
      <label for="textfield2"><br>
        <br>
        
    </p>
    
    <p> 
    <a  href="#" onClick="loadXMLDoc()"> Відправити </a>
    </p>
    <div id="myDiv"> 	</div>
    <p>&nbsp; </p>

</div>
</body>
</html>
